// 定义食物类
class Food{
  // 食物元素
  element:HTMLElement;
  // 构造方法
  constructor(){
    // 获取food元素
    this.element = document.querySelector('#food')!;
  }
  // 获取食物的x坐标
  get X(){
   
    return this.element.offsetLeft
  }
  // 获取食物y坐标
  get Y(){
    return this.element.offsetTop
  }
  // 修改食物位置
  change(){

    let top = Math.round(Math.random() * 29) * 10;
    let Left = Math.round(Math.random() * 29) * 10;
    this.element.style.left =  Left+'px'
    this.element.style.top = top+'px'
  }
}
export default Food;